<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--注意，div、span...写在在前面，script在后面，否则没法绑定数据-->

<div id="app">
  <!--{{message}} 插值表达式-->
  <h1>欢迎你，{{message}}-{{name}}</h1>
</div>
<!--引入vue.js-->
<script src="vue.js"></script>
<script>
  let vm=new Vue({
    el:"#app",  //创建的vue实例挂载到 id=app的div
    data:{  //data{} 数据池，有很多数据，以k-v形式设置(根据业务需求设置)
      message:"Hello-Vue!",
      name:"葛政"
    }
  })

  console.log("vm",vm)
  //取data的两种方式
  //1.
  console.log(vm._data.message)
  console.log(vm._data.name)
  //2.
  console.log(vm.message)
  console.log(vm.name)
</script>

</body>
</html>